<template>
  <div id="app">
    <tab-bar v-show="this.isTabbarShow"></tab-bar>
    <section>
      <router-view></router-view>
    </section>
  </div>
</template>

<script>
import TabBar from "./components/Tabbar";
import {mapState} from "vuex";

export default {
  components: {
    TabBar
  },
  mounted() {
    //console.log(mapState('tabbarModule',['isTabbarShow']))
  },
  computed: {
    ...mapState('tabbarModule', ['isTabbarShow']) //相当于下面的写法
    // isTabbarShow() {
    //   return this.$store.state.isTabbarShow
    // }
  }
}

</script>

<style lang='less'>
body {
  background-color: #f4f4f4;
}

* {
  margin: 0;
  padding: 0;

  ul,
  li {
    list-style: none;
  }
}


section {
  margin-bottom: 50px;
}


</style>
